/*css初始化*/
*{margin:0;padding:0;list-style:none;color: #222;border: 0;}
html,body{margin: 0;padding: 0; height:100%;color: #222;font-size: 13px;font-family: Microsoft YaHei,Arial,Helvetica,sans-serif;;background-color: #fff !important;position: relative;}
/*常规通用代码*/
.clearfix::after,.clearfix::before{clear: both;content:'';display: block;width: 0;height: 0;visibility: hidden;}
a{ color: #222; list-style:none;}
a:hover{ color: #ee4b4c; list-style:none;}
.single-line{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.more-line{overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;flex-direction: column;}
.float-left{float: left;}
.float-right{float: right;}
.font-white{color: #fff;}
.bg-blue{ background-color: #00a2e9;}
.bg-yellow{ background-color: #fdd100;}
.m-r15{ margin-right: 15px;}
/*常规代码*/
.header{width: 100%;}
.top{background-color: #083b8e;}
.top-head{width: 1140px;margin: auto;}
.top-wel{float: left;height: 35px;line-height: 35px;}
.top-menu{ float: right;height: 35px;line-height: 35px; color: #fff; position: relative;}
.shixun-app{ position: absolute; top: 35px; left: -25px; width: 150px; height: 200px; padding: 25px; background-color: #ffffff; border: 1px solid #e8e8e8;display: none;}
.top-app-img{ width: 150px; height: 150px;}
.download-tit{ height: 35px; line-height: 35px; text-align: center; font-size: 14px; font-weight: bold;}
.top-menu .item-menu{ color: #fff; margin: 0 10px;}
.top-main{ width:1200px; height: 50px; margin: auto; }
.top-logo{ width: 150px; height: 50px;}
.top-logo img{ width: 100%; height: 100%;}

.nav li{ float: left; width: 60px; height: 50px; line-height: 50px; font-size: 15px;}
.nav li a{ display: block; width: 100%; height: 100%; color: #f4f4f4; text-align: center;}
.nav li a:hover{ background-color: #393939;}
.nav li a.selected{ background-color: #393939;}
.nav li.more_end{ width: 90px; position: relative;z-index: 0;}

.nav-warp{ display: none;}

.nav-more{ position: absolute;top: 50px; right: 0; z-index: 999; display: none; width: 150px; min-height: 100px; padding: 15px 0; background-color: #222222;}
.nav-more dd{ float: left; width: 50%; height: 35px; line-height: 35px;}
.nav-more dd a{ display: block; width: 100%; height: 100%; color: #f4f4f4; text-align: center;}
.mhead{ display: none;}
.wrap-nav{ display: none;}
.container{
    width: 1140px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 25px 0;
    margin: auto;
}
.left-channel{ width: 160px;min-height: 300px; position: relative;}
.left-logo{ width: 160px; height: 72px; position: absolute; top: -60px; left: 0;}
.logo{ display: block; width: 160px; height: 107px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.channel{ padding: 48px 50px 15px 0; }
.channel-item{ display: block; position: relative;width: 110px; height: 30px; padding: 5px 0; margin-left: 50px;}
.active>b>a.channel-url{ color: #ee4b4c;}
.active b{ border-bottom: 2px solid #ee4b4c;}
.active{ color: #ee4b4c;}
.channel-item i{ float: left; width: 25px; height: 30px; line-height: 30px; text-align: left;}

.channel-item b { float: left; width: 45px; font-size: 18px; font-weight: 400;}
.channel-item b a{ display: block; width: 100%; height: 30px; line-height: 30px;text-align: center;}

.icon-more{ color: #ee4b4c; font-size: 14px!important;cursor: default;}
.nav-child ol{ width: 120px; display: none;}
.nav-child ol li{ float: left; width: 60px; height: 25px; line-height: 25px; text-align: right; font-size: 15px; color: #444; margin-bottom: 5px;}

.nav-child ol li i{ float: left; width: 25px; height: 25px; line-height: 25px; text-align: left;}
.nav-child ol li b { float: left; width: 35px; font-size: 15px; font-weight: 400;}
.nav-child ol li b a{ display: block; width: 100%; height: 25px; line-height: 25px;text-align: center;}

.content{ width: 620px;min-height: 300px;}
.detail-head{ margin-bottom: 15px;}
.deatil-tit{ line-height: 42px; font-size: 30px; color: #333; overflow: hidden; font-weight: 700;}
.deatil-info span{ float: left; display: block; height: 30px; line-height: 30px; color: #999; margin: 5px 15px 5px 0;}
.deatil-info span.deatil-logo{ width: 20px; height: 20px; margin-right: 5px;}
.deatil-info span.deatil-logo img{ width: 100%; height: 100%; border-radius: 50%;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{ background-color: #ee4b4c !important;}

.detail-con{ line-height: 25px; text-align: left; margin-bottom: 25px; overflow: hidden; }
.detail-con img{ max-width:100%;}
.detail-con * img{ max-width:100%;}
.video-main{ margin-bottom: 25px;}
.video-player{ position: relative; z-index: 0; width: 100%;}
.video-player,.video-player *{ color: #fff;}
.video-js .vjs-remaining-time{display: none;}
.video-tit{ line-height: 25px; font-size: 18px; color: #333; overflow: hidden; font-weight: 700; margin: 10px 0;}
.video-other span{ float: left;  height: 35px; line-height: 35px; color: #999; margin-right: 15px;}
.video-blog span.video-username{ float: left;  height: 35px; line-height: 35px; font-size: 16px; font-weight: bold;}
.video-logo{float: left;  display: block; width: 35px; height: 35px; border-radius: 50%; margin-right: 5px;}
.video-other-class{ height: 16px !important; line-height: 16px !important;; font-size: 12px; color:#fff !important; border: 1px solid #87a5b5; background-color: #87a5b5; padding: 0 3px; margin-top: 9px; margin-right: 10px;}

.rec-head{ height: 35px; border-bottom: 2px solid #666;}
.rec-tit{ float: left; height: 35px; line-height: 35px; font-size: 20px;color: #ee4b4c; font-weight: 400; border-bottom: 2px solid #ee4b4c;}

.index-focus{ width: 100%;}
.news-focus{ width: 100%; height: 300px;}
.img-focus-warp{width: 100%; height: 300px; position: relative;}
.img-focus-tit{ position: absolute; left: 0; bottom: 35px; width: 90%; height: 30px; line-height: 30px; font-size: 14px; text-align: left; padding-left: 10px; margin: auto; color: #fff;}
.img-wrap{ display: inline-block; width: 100%; height: 100%; vertical-align: middle; border: none;}
.m-tool{display: none;}
/*单图样式*/
.item-single{ width: 100%; height: 120px;box-sizing: border-box; padding: 10px 0; border-bottom: 1px solid #e8e8e8;}
.item-img{ width: 156px; height: 100px; margin-right: 16px;}
.item-img a{ width: 165px; height: 100px; display: block;}
.item-content{ height: 100%; overflow: hidden;}
.item-title{ font-size: 18px; line-height: 26px; font-weight: 600;}
.item-title-line{ height: 52px; margin-bottom: 28px;}
/*多图样式*/
.item-more{ padding: 10px 0; border-bottom: 1px solid #e8e8e8;}
.item-img-list{ width: 100%; margin: 10px 0;}
.item-img-list a{ width: 32%; height: 120px; display: block; margin-right: 2%;}
.item-img-list a:last-child{ margin-right: 0;}
.item-bar{ font-size: 12px; color: #999; margin-top: 10px;}
.item-bar-left{ line-height: 20px; text-align: left;}
.item-bar-right{ line-height: 20px;}
.item-bar-class{ height: 18px; line-height: 18px; font-size: 12px; color: #87a5b5; box-sizing: border-box; border: 1px solid #87a5b5; padding: 0 3px;margin-right: 10px;}
.item-bar-short{ width: 20px; height: 20px; line-height: 20px; font-size: 11px; color: #fff; text-align: center; border-radius: 50%; margin-right: 2px;}
.item-bar-name{ color: #999; margin-right: 10px;}
.item-bar-read{ color: #999;}
.item-bar-date{ color: #999;}
/*右侧样式*/
.sidebar{ width: 320px; min-height: 300px; }
.pane-module{ border-top: 2px solid #ee4b4c; background-color: #f4f5f6; margin-bottom: 16px; overflow: hidden;}
.module-head{ color: #222; padding: 15px 20px; font-size: 18px; font-weight: 700;}
.sidebar-tool{ background-color: #fff; border: 1px solid #f4f5f6; padding: 15px 15px 0 15px;}
.sidebar-tool li{ float: left; width: 64px; margin-bottom: 15px; margin-right: 10px;}
.sidebar-tool li:nth-child(4n){ margin-right: 0;}
.sidebar-tool li a{ display: block; width: 100%; height: 100%; text-align: center; border: 1px solid #f4f5f6; }
.sidebar-tool li a:hover{ border: 1px solid #ee4b4c;}
.sidebar-tool-img{ height: 50px; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.sidebar-tool-img img{ max-width: 42px; max-height: 32px;}
.sidebar-tool-cn{ height: 20px; line-height: 20px; text-align: center;}


.news-today-hot{ padding: 0 15px;}
.news-today-hot li{ border-bottom: 1px solid #e8e8e8; padding: 10px 0;}
.news-today-hot li:first-child{ padding-top: 0;}
.item-hot-img a{ width: 105px; height: 65px; display: block;}
.item-hot-con{ height: 100%; padding-left: 10px; overflow: hidden;}
.item-hot-tit{ height: 40px; line-height: 20px; margin-bottom: 5px;}
.item-hot-bar{ line-height: 20px; text-align: left;}
.friend-links{ padding: 0 15px; overflow: hidden;}
.friend-links li{ float: left; line-height: 20px; margin-bottom: 10px; margin-right: 20px; }
.friend-links li a{ color: #777; font-size: 14px;}
.company{ padding: 15px 12px; background-color: #f4f5f6; line-height: 2; font-size: 12px; text-align: left; line-height: 30px;}
.company .link{ display: block; height: 30px; color: #777; font-size: 12px; }

@media only screen and (min-width:769px) {
    .content_sub{ width: 795px; min-height: 300px;}
    /*.detail-con *{ line-height: 25px; text-align: left; max-width: 790px;  font-size: 14px; }*/
}
@media only screen and (max-width:768px) {
    .header{display: none;}
    .container{ width: 100%; box-sizing: border-box; padding: 10px;}
    .index-focus{ display: none; height: 210px;}
    .news-focus{ height: 210px;}
    .content{ max-width: 620px; width: 100%; min-height: 300px;}
    .content_sub{ width: 100%; min-height: 300px;}
    .video-player{ position: relative; z-index: 0; width: 100%; height: 230px;}
    /*移动端工具*/
    .m-tool{display: block; background-color: #fff; padding: 0;}
    .m-tool li{ float: left; width: 20%; }
    .m-tool li:nth-child(-n+5){ margin-bottom: 2%;}
    .m-tool li a{ display: block; width: 100%; height: 100%; text-align: center; border: 1px solid #f4f5f6; }
    .m-tool-img{ height: 50px; display: flex; flex-direction: row; align-items: center; justify-content: center;}
    .m-tool-img img{ max-width: 42px; max-height: 32px;}
    .m-tool-cn{ height: 20px; line-height: 20px; text-align: center;}
    /*.detail-con *{ line-height: 25px; text-align: left; max-width: 100%;  font-size: 14px; }*/
    .deatil-tit{ font-size: 21px; font-weight: bold; line-height: 30px;}
    .detail-con *{ font-size: 16px;}
    .detail-con * img{width: 100%;}
    .sidebar{display: none;}
    .left-channel{display: none;}
    .item-img-list a{ width: 32%; height: 85px;}
    .img-wrap{ border-radius: 5px;}
    .item-single{ max-width: 600px;}
    .item-bar-short{display: none;}
    .item-bar-name{display: none;}

    .mhead{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; box-sizing: border-box; padding: 10px; background-color: #da251c;}
    .mhead-left{ width: 80px; padding-top: 3px;}
    .head-nav-more{ display: block; height: 15px; margin-top: 10px;}
    .head-nav-more img{ height: 15px;}

    .mlogo{ height: 35px; box-sizing: border-box; padding-top: 5px;}
    .mlogo-img{ height: 30px;}
    .mhead-right{ width: 80px; text-align: center; padding-top: 5px;}
    .mdown{ height: 15px;}
    .mdown-cn{ height: 15px; line-height: 15px; font-size: 10px; color: #fff;}

    /*移动端滑动导航*/
    .wrap-nav { display: block; position:relative; height: 1rem; width: 100%; overflow: hidden; margin:0 auto; background-color: #f4f5f6;}
    .wrap-nav .scroller { position:absolute}
    .wrap-nav .scroller li { height: 1rem; color:#333; float: left; line-height: 1rem; font-size: 0.4rem; text-align: center;}
    .wrap-nav .scroller li a{ color:#333; display:block; margin:0 0.3rem;}
    /*.wrap-nav .scroller li.cur{ background:#e62129;}*/
    .wrap-nav .scroller li.cur a{ font-size: 0.45rem;  color:#da251c; font-weight: bold;}
    /*弹出层选择导航*/
    .nav-warp{
        display: none;
        position: fixed;
        left: 0;
        top: 0px;
        z-index: 999;
        width: 100%;
        height: 100%;
        /*height: calc(100% - 70px);*/
        background-color: #fff;
        overflow: hidden;
    }
    .all-head{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding: 0 10px; border-bottom: 1px solid #eee;}
    .all-tit{ height: 40px; line-height: 40px; font-size: 18px; font-weight: bold;}
    .all-tit span{ font-size: 13px; font-weight: 100; color: #999;}
    .all-close{ width: 20px; height: 40px; padding: 10px 0; box-sizing: border-box;}
    .all-close img{ width: 20px; height: 20px;}
    .all-content{ padding-left: 4%; padding-top: 15px;}
    .all-content li{ float: left; width: 20%; margin-right: 5%; margin-bottom: 15px; background-color: #edf1f4; }
    .all-content li a{ display: block; width: 100%; height: 35px; line-height: 35px; font-size: 16px; text-align: center;}
    .all-content li a.selected-item{ font-size: 18px; color: #da251c; font-weight: bold;}
}